<template>
  <view>
    <!-- 
           添加两个类名
             iconfont    字体家族
             icon-xx     图标类名
        -->
    <text class="iconfont icon-bangqiu"></text>
    <text class="iconfont icon-huabing"></text>

    <!-- 用 uni-icons 组件也可以  -->
    <uni-icons size="100rpx" custom-prefix="iconfont" type="icon-lanqiu" />
    <uni-icons size="30" custom-prefix="iconfont" type="icon-zuqiu" />

    <!-- uni-icons 也有自带的图标 -->
    <uni-icons size="30" type="staff-filled"></uni-icons>

    <view class="t-icon t-icon-nangua"></view>
  </view>
</template>

<script setup></script>

<style lang="scss">
  // 单色图标
  @import '@/static/fonts/iconfont.css';
  // 多色图标
  @import '@/static/iconfont-weapp-icon.css';
  .iconfont {
    font-size: 100rpx;
    color: pink;
  }
  .t-icon {
    width: 100rpx;
    height: 100rpx;
  }
</style>
